<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // 同步
  // alert(1)
  // alert(2)
  // alert(3)

  // 异步
  // let a = 1;
  // setTimeout(()=>{
  //   a = 10;
  // }, 10);
  // console.log(a);

  // 当前无论如何都无法获取将来时的数据
  // 只有将来已经发生了，才能拿到将来时的数据

  // 宏任务               微任务
  // let a = 1;          等待10ms后，执行()=>{a = 10}
  // setTimeout
  // console.log(a);
  // 需要耗时20ms才能执行完的同步


  // let a = 1;
  // setTimeout(()=>{
  //   a = 10;
  //   console.log(a);
  // }, 0);
  // console.log(a);
  // const arr = [];
  // for(let i=0;i<10000000;i++){
  //   arr.push( Math.random() );
  // }

  let a = 1;
  setTimeout(()=>{
    a = 10;

    setTimeout(()=>{
      a = 20;
    }, 0)

    console.log(a);

  }, 0);
  console.log(a);

  // 宏任务                     微任务                     微任务
  // let a = 1;                等待0ms后                  等待0ms后
  // setTimeout 1              a = 10;                   a = 20
  // console.log(a); // 1      setTimeout                console.log(a); // 20
  //                           console.log(a); // 10

  

  

</script>
</html>